<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <h1 class="title ui-widget-header ui-corner-all">Bem Vindo a Impressão da Listagem de Composição de Certificados</h1>

        <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>

        <p:dialog modal="true" widgetVar="statusDialog" header="Aguarde ... Processando ..." draggable="false" closable="false">
            <p:graphicImage value="/design/ajaxloadingbar.gif" />
        </p:dialog>

        <h:form id="frmRelCertificado" prependId="false">
            <div id="limites">
                <div id="conteudo">
                    <p:panel id="panel" header="Impressão da Listagem de Composição de Certificados" style="text-align: center">
                        <div align="center">
                            <h:panelGrid id="display" columns="2" style="margin-bottom:50px" cellpadding="5" columnClasses="coluna1, coluna2">
                                <h:outputText value="Ordenação: " />  
                                <h:selectOneRadio id="order" value="#{relatorioCertificadoBean.order}" layout="pageDirection">  
                                    <f:selectItem itemLabel="Razão Social\Nome" itemValue="1" /> 
                                    <f:selectItem itemLabel="Data de Emissão" itemValue="2" />  
                                </h:selectOneRadio>
                                
                                <f:facet name="footer">
                                    <p:dataTable id="tabCertificado" widgetVar="wtabCertificado" var="certificado" value="#{relatorioCertificadoBean.certificadoList}" 
                                                 paginator="true" rows="5" selection="#{relatorioCertificadoBean.selectedCertificadoCheck}"
                                                 emptyMessage="Nenhum Certificado Selecionado ...">

                                        <p:column selectionMode="multiple" style="width:18px"/>

                                        <p:column headerText="Acionista">
                                            <h:outputText value="#{certificado.nomCliente}" />
                                        </p:column>

                                    </p:dataTable>
                                </f:facet>

                            </h:panelGrid>
                        </div>
                        <p:commandButton value="Gerar Relatório " update="messages, panel, display, tabCertificado" actionListener="#{relatorioCertificadoBean.gerarRelatorio}" />

                        <p:commandButton value="Imprimir Relatório" update="messages, panel, display, tabCertificado" onclick="submitform('#{request.contextPath}/relatorio','certificadoComp')" />
                    </p:panel>
                </div>
            </div>
        </h:form>
    </ui:define>
</ui:composition>